body{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.login{
    width: 100vw;
    height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.02);
}
.loginBox{
    width: 472px;
    overflow: hidden;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
    border-radius: 12px;
    background: #ffffff;
}
.loginTop{
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #201B4F;
    background-image: linear-gradient(180deg,#404040 0,#1E1E1E 100%),linear-gradient(126deg,#201B4F 15%,#0B0930 100%);
    box-shadow: 0 2px 7px 0 #211B4F;
}
.loginTop img{
    width: 56%;
}
.loginBottom{
    padding: 26px 0;
    width: 323px;
    margin: 0 auto;
}
.loginForm{
    margin-top: 18px;
}
.loginForm .loginFormButton{
    width: 100%;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(315deg,#ea5413 0,#fc902e 100%) #f5f5f5;
    border: 0 none;
}

.loginForm .loginFormButton[disabled]{
    color: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background:#f5f5f5;

}
.loginForm :global(.ant-input),.loginForm :global(.ant-input-affix-wrapper){
    border-radius: 5px;
}
.loginForm :global(.ant-input:focus),.loginForm :global(.ant-input-focused),.loginForm :global(.ant-input:hover),.loginForm :global(.ant-input-affix-wrapper:hover),.loginForm :global(.ant-input-affix-wrapper-focused),.loginForm :global(.ant-input-affix-wrapper:focus){
    border-color: rgba(255, 208, 75 ,0.3);
    box-shadow: 0 0 0 2px rgba(255, 208, 75, 0.2);
}


.loginForm :global([ant-click-animating-without-extra-node]::after),.loginForm :global(.ant-click-animating-node ){
    box-shadow: 0 0 0 6px rgba(0,0,0,0.2)!important;
}

.thirdLogin{
    margin-top: 30px;
}
.thirdLoginRow{
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.thirdLoginLabel{
    font-size: 14px;
    color: rgba(0, 3, 51, .6);
    margin-right: 15px;
}
.thirdLoginLabel span{
    color: rgba(0, 3, 51, .4);
}
.thirdLoginList{
    margin-right: 10px;
    cursor: pointer;
}
.loginIcn{
    font-size: 24px;
    color:  #606266;
}
.loginFooter{
    display: flex;
    align-items: center;
    justify-content:  center;
    margin-top: 20px;
}
.loginFooterList{
    font-size: 14px;
    color: rgba(74, 84, 255, 1);
    margin: 0 5px;
    cursor: pointer;
}